<!DOCTYPE html>
		<html>
			<head>
				<meta charset="utf-8" />
				<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
				<meta name="HandheldFriendly" content="true" />
				<meta name="MobileOptimized" content="320" />
				<link href="../css/mui.css" rel="stylesheet" />
				<link href="../css/header.css" rel="stylesheet" />
				<title>Hello H5+</title>
				<script type="text/javascript" src="./js/common.js"></script>
				<script src="../js/mui.js"></script>
				<script src="../js/app.js"></script>
				<script type="text/javascript">
					mui.init();
					var ws = null,
						wo = null;
					var scan = null,
						domready = false;
					// H5 plus事件处理
					function plusReady() {
						if (ws || !window.plus || !domready) {
							return;
						}
						// 获取窗口对象
						ws = plus.webview.currentWebview();
						wo = ws.opener();
						// 开始扫描
						ws.addEventListener('show', function() {
							scan = new plus.barcode.Barcode('bcid');
							scan.onmarked = onmarked;
							scan.start({
								conserve: true,
								filename: '_doc/barcode/'
							});
						}, false);

					}
					if (window.plus) {
						plusReady();
					} else {
						document.addEventListener('plusready', plusReady, false);
					}
					// 监听DOMContentLoaded事件
					document.addEventListener('DOMContentLoaded', function() {
						domready = true;
						plusReady();
					}, false);
					// 二维码扫描成功
					function onmarked(type, result, file) {
						switch (type) {
							case plus.barcode.QR:
								type = 'QR';
								var res = result.split("bird_qrcode:");
								var user = app.getUserGlobalInfo();
								var friendName = res[1];
								break;
							case plus.barcode.EAN13:
								type = 'EAN13';
								break;
							case plus.barcode.EAN8:
								type = 'EAN8';
								break;
							default:
								type = '其它' + type;
								break;
						}
						mui.ajax(app.serverUrl + "/user/searchFriend?myUserId=" + user.id + "&friendUserName=" + friendName, {
							type: 'post', //HTTP请求类型
							timeout: 10000, //超时时间设置为10秒；
							headers: {
								'Content-Type': 'application/json'
							},
							success: function(data) {
								// 关闭等待框
								plus.nativeUI.closeWaiting();
								if (data.status == 200) {
									console.log(JSON.stringify(data.data));
									mui.openWindow({
										url: "searchFriendsResult.html",
										id: "searchFriendsResult.html",
										extras: {
											friend: data.data
										}
									});
								} else {
									app.showToast(data.msg, "error");
								}
							}
						});
					}
				</script>
				<link rel="stylesheet" href="./css/common.css" type="text/css" charset="utf-8" />
				<style type="text/css">
					#bcid {
						width: 100%;
						position: absolute;
						top: 44px;
						bottom: 0px;
						text-align: center;
					}

					.tip {
						color: #FFFFFF;
						font-weight: bold;
						text-shadow: 0px -1px #103E5C;
					}

					footer {
						width: 100%;
						height: 44px;
						position: absolute;
						bottom: 0px;
						line-height: 44px;
						text-align: center;
						color: #FFF;
					}

					.fbt {
						width: 50%;
						height: 100%;
						background-color: #FFCC33;
						float: left;
					}

					.fbt:active {
						-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
						box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
					}
				</style>
			</head>
			<body style="background-color: #000000;">
				<header class="mui-bar mui-bar-nav title">
					<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left title-color"></a>
					<h1 class="mui-title title-color"><b>扫一扫</b></h1>
				</header>
				<div id="bcid">
					<div style="height:40%"></div>
					<p class="tip">...载入中...</p>
				</div>

			</body>
		</html>
